<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no" /> 
		<title>天天兼职下载</title>

		<style type="text/css">
			*{margin: 0;padding: 0;}
			body{width: 100%;height: 100%;}
			.box{position: relative;margin: 0;}
			.bg{width: 100%;height: 200px;display: block;}
			img{display: block}
			.tip{display: flex;padding: 40px 30px 37px;align-items: center;}
			.tip img.use{width: 20px;height: 20px;margin-right: 10px;}
			.tip .title{font-size: 16px;color: #555;}
			.content{padding: 0 30px;}
			.content p{font-size: 14px;color: #999;margin-bottom: 20px;}
			.bottom{position: fixed;bottom: 0;left: 0;right: 0;width: 100%;height: 60px;border-top: 1px solid #ccc;display: flex;align-items: center;}
			.wrap{display: flex;flex-direction: column;margin: 0 5px 0 17px;justify-content: center;align-items: center;}
			.wrap span{font-size: 12px;color: #999;margin-top: 4px;}
			.wrap img.collect{width: 17px;height: 17px;}
			.wrap img.share{width: 15px;height: 15px;}
			.bottom .button{border: none;background: #FF8909;border-radius: 43px;width: 255px;height: 40px;font-size: 16px;color: #fff;margin-left: 15px;line-height: 40px;text-align: center;}
			.boxshow{width:100%;height:100%;position: fixed;top: 0;;left: 0;background: rgba(0,0,0,0.5);z-index: 888;}
			.boxshow img{position: absolute;right: 5px;top:10px;z-index: 999;width: 236px;height: 283px;}
			.none{display: none;}
			.show{display: block;}
		</style>
		
	</head>
	<body>
		<div class="down">
			<div class="box" >

				<img src="image/topbanner.png" class="bg">
				<div class="tip">
					<img src="image/use.png" class="use">
					<p class="title">应用介绍</p>
				</div>
				<div class="content">
					<p>天天兼职的Android App让你在手机上随时找到想要的短期工作！</p>
					<p>天天兼职让人们用最短的时间找到最适合的短期工作，它也为每一个人提供最简便的方式，快速找到理想的工作伙伴。</p>
					<p>天天兼职是中国大陆年轻人使用的短期工作信息交换平台，只要你想要找短期工作、兼职、工读或是有任何人力需求，天天兼职绝对你是最佳的选择。</p>
				</div>
				
			</div>

		</div>
		<div class="bottom">
			<div class="wrap" id="collect">
				<img src="image/collect.png" class="collect">
				<span>收藏</span>
			</div>
			<div class="wrap" id="share">
				<img src="image/share.png" class="share">
				<span>分享</span>	
			</div>
			<div class="button" id="download">立即下载</div>
		</div>
		<div class="boxshow none">
			<img src="image/sharetip.png" >
		</div>

	</body>
</html>
<script src="js/jquery-1.8.3.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
		var u = navigator.userAgent;
		var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
		var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
		
		var ua = window.navigator.userAgent.toLowerCase();
		var downloadbutton = document.getElementById("download")
		downloadbutton.onclick = function(){
			
			
			if(isiOS){
				alert('暂无ios安装包')
			}else if(isAndroid){
// 				if(ua.match(/MicroMessenger/i) == 'micromessenger'){
// 					alert('用浏览器打开下载')
// 				}else{
// 					window.location.href = ''
// 				}
				window.location.href = 'http://ttjz100.com/h5/new.apk'
			}
		}
		$('#collect').click(function(){
			if($('.collect',this).attr('src') == 'image/collect.png'){
				
				$('.collect',this).attr('src','image/collected.png')
			}else{
				$('.collect',this).attr('src','image/collect.png')
			}
		})
		$('#share').click(function(){
			$('.boxshow').removeClass('none')
		})
		$('.boxshow').click(function(){
			$('.boxshow').addClass('none')
		})
		

</script>